<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">
  
  
  <title>  2019一路走来 |   写夜子的个人博客 </title>

 
  
    <link rel="icon" href="/images/favicon.png">
  


  <link rel="stylesheet" href="/nayo.min.css"> 
</head>  
  <body>   
    
      <header class="header">
	
  <nav class="header-nav">        
   
    <span class="iconfont icon-menu mobile-toggle"></span>   	

    <div class="header-menu">          
              
            
              <a class="header-menu-link" id="header-menu-home" href="/">首页</a>     
            
            
            
              <a class="header-menu-link" id="header-menu-archives" href="/archives">归档</a>     
            
            
            
              <a class="header-menu-link" id="header-menu-tags" href="/tags">标签</a>     
            
            
            
              <a class="header-menu-link" id="header-menu-about" href="/about">关于</a>     
            
            
            
              <a class="iconfont icon-menu-search header-menu-link" id="header-menu-search"></a>
            
                
    </div>  
    
  </nav>
</header>   

      <div class="container">       
          
          
            <section class="main">  
          

          <article class="post">
  
	<div class="post-header">

	<p class="post-title">	
		2019一路走来
	</p>
			

	<div class="meta-info">	
	<span>
		1月 05, 2020
	</span>

	
	
		<i class="iconfont icon-words"></i>
		<span>
			4385
		</span>
	
</div>

</div> 
	 

	  <div class="post-content slideDownMin">

		

			
					<p>今天是2020年的第一个工作日，一如往前，我来到公司坐下，打开网易云音乐、接好开水、点亮屏幕、打开掘金，一套动作一气呵成。这几天看了许多大佬的年度总结，发觉自己简直是条咸鱼，我不禁陷入了沉思，我的2019到底发生了什么？</p>
<h3 id="沿途都是风景"><a href="#沿途都是风景" class="headerlink" title="沿途都是风景"></a>沿途都是风景</h3><p>对于技术，我想到一个关键词：“成长”。 </p>
<p>年初那个时候我还在上海实习，有幸进入了<code>WIFI万能钥匙</code>去实习。在这里，我呆了四个月，感谢前辈的领路，让我接触了Vue.js，自此开始入了前端的大坑。我所在的部门是大数据平台、所以基本上做的都是数据可视化，期间参与了公司项目“玄鸟”的开发，这是一个数据统计和分析平台。在这过程中，学到了很多东西，也逐渐对vue熟悉起来，成为了尤大大的脑残粉。这家公司，我可以给出很高的评价，至少在我的团队里面，氛围特别的好，每周会都有技术分享会、可以相互交流（面基），大家互相成长，整个公司透露着一种特别好的氛围。  <a id="more"></a></p>
<p><img src="https://user-gold-cdn.xitu.io/2020/1/3/16f6a72840c3128e?w=1787&amp;h=1787&amp;f=jpeg&amp;s=592112" alt="wifi万能钥匙"></p>
<p>离开了上海，我选择回到了重庆，参加校招，也是非常幸运的，收获的offer颇多，最终选择了成都的一家公司。<br>之后本想的是在学校做毕业设计，结果意外地受一个前辈指点，我去了昆明。作为外援，在昆明官渡某军区（具体名字不方便透露），参与了某军用系统的研发。我想在座的大家，在军队里面写过代码，应该几乎没有。那段时间说来简直经历奇特。我们是封闭开发，每个人要求签订保密协议，军区不能连接外网，装个<code>node_modules</code>都还得用军队发的U盘跑到军区外，装好了再带进去拷贝到电脑上。在那里面，每天去开发的时候，会没收手机，每天要求穿军装，中午去吃饭，还得列个队，喊口号，自己吃饭自己洗碗，完全过上了军队的生活。当然不光是开发环境很痛苦、工作时长也比较痛苦，每天八点上工，晚上凌晨才下工。虽然这段时间还是蛮辛苦，但是还是有很多收获的东西，看到了真正的枪、看到了军姐姐训练，那是真的酷！对于技术来说，我觉得这长达一个月的封闭式开发，极大的提高了我的编程水平、因为以前都是面对谷歌编程，一遇到问题就是一顿谷歌，那个时候没有办法，只能手敲和靠脑子想，所以小伙伴们，有机会可以试一试封闭式开发，真的对提升编程水平很有帮助！</p>
<h3 id="毕业"><a href="#毕业" class="headerlink" title="毕业"></a>毕业</h3><p>  之后回到学校，将身心投入了自己的毕业设计。我的毕业设计是做一个音乐播放器，我那段时间的状态很单一，就是早上起床，吃饭、看书、写代码、吃饭、看书、写代码、睡觉。说起来也是疯狂，好像进入了状态。最终我将其推送到github上面，收获了30 star,虽然不多，但也算一些对自己的鼓励。也就是那个时候，我加入了掘金，真是一个优质的社区，大家每天都在一起天天划水发沸点、看大佬的文章进行学习，每一天都充实且快乐。在那段时间里面，我学会了如何发布自己的 <a href="https://www.npmjs.com/settings/xieyezi/packages" target="_blank" rel="noopener"><code>npm包</code></a>,为此我写了一篇文章：<a href="https://juejin.im/post/5c9c80036fb9a070d0141037" target="_blank" rel="noopener">利用rollup打包自己的js库</a>。收获了一些知识，并且将它分享出来，那感觉倍棒！最后匆匆的毕业了，毕业设计也以优秀圆满收场，我好似才进大学，结果转瞬就毕业了。刚刚毕业的两天，收到一个前辈的邀请，飞去了上海参加了<code>Vue conf</code>,见到了尤大大：</p>
<p>  <img src="https://user-images.githubusercontent.com/16821989/71701451-69eb5a00-2e04-11ea-950a-0b93afa071f5.JPG" alt="46E2DBCC-0B27-47EC-A379-1BBC8BE3D46E(20191216-204"></p>
<p>  有一说一，尤大大那是真的帅！除了他，还有幸看见了圈内许多著名的大佬，例如玉伯、咱们的站长阴明大人。他们分享了很多知识，尤大大分享的是<code>vue3</code>的一些特性和解决的问题，性能上的确更优化了，例如渲染时间、diff算法等，但是写法却全然变了，<code>setup</code>、<code>value</code>、<code>reactive</code>，当然还有生命周期的变化，貌似变得越来越像React的写法，当然还没有变得是<code>template</code>，以我个人观点来看，我还是较为喜好<code>vue 2</code>，为什么呢？因为他给我的感觉就是很简洁，什么生命周期该做什么事，出现了一些bug，我基本能明确去哪里找，或者我也可以一个一个生命周期来<code>debug</code>,简直一目了然，很优雅，感觉<code>vue 3</code>有种强行兼容<code>ts</code>的感觉（以上仅是个人观点）。可能是因为我太肤浅、要么就是太笨，哈哈。除此之外，我印象较为深刻还有一个百度的前端工程师（是个妹子哦）分享的<code>Echarts</code> 性能优化，讲得很棒，受益匪浅！</p>
<h3 id="成都"><a href="#成都" class="headerlink" title="成都"></a>成都</h3><p> 或许是受了赵雷的影响，“和我在成都的街头走一走，哦哦~”，所以我毕业工作地选择了成都。在成都，遇到了很好的前辈和可爱的同事，直至今日，我们仍是好朋友。那个时间，我甚至还学会了一些PHP。初次工作，热情很高，每天上班兢兢业业的搬砖，当时主要做的是<code>TO C</code>端业务，主要还是用Vue，但是那个时候，我前后端都得自己写，没错，后端就是用的PHP，当然用的是一个框架：<code>laravel</code>,写php的同学想必都知道这个框架吧。当时在前辈的指导下，自己也慢慢上手。但是我当时还是想专做前端，因为我发现我的确很喜欢前端，或许这也为后面的离开埋下了种子吧。所以我还是想拓展前端，对前端的知识进行深度拓展。除了每天上班好好写代码以外，下班了回家，也要自己学习，那段时间看了许多书，例如《红宝书》，看了好几遍了，每次看都有很多收获，还有《你不知道的javascript》 系列丛书，真的强烈推荐！通过这系列的书，我真正掌握javascript的一些核心的东西，例如<code>原型</code>、<code>异步</code>等概念，为此我写了 <a href="https://juejin.im/post/5dcc3840e51d4510912421fd" target="_blank" rel="noopener">你还没学会javascript原型和原型链吗？</a> ，收获了一些小伙伴的肯定，我很开心。接着那段时间，我自己也在写一个demo项目，用来学习。后来接触了到了 <code>docker</code>这个东西，对它产生了极大的兴趣，废寝忘食的研究了一段时间，于是有了：</p>
<ul>
<li><a href="https://github.com/xieyezi/Learn-notes/blob/master/docker/docker%E5%9F%BA%E6%9C%AC%E7%9F%A5%E8%AF%86.md" target="_blank" rel="noopener">docker基础快速入门</a></li>
<li><a href="https://github.com/xieyezi/Learn-notes/blob/master/docker/%E5%88%A9%E7%94%A8docker%E9%83%A8%E7%BD%B2vue%E9%9D%99%E6%80%81%E9%A1%B9%E7%9B%AE.md" target="_blank" rel="noopener">利用docker部署vue静态项目</a></li>
<li><p><a href="https://github.com/xieyezi/Learn-notes/blob/master/docker/docker-compose%E9%83%A8%E7%BD%B2%E9%A1%B9%E7%9B%AE.md" target="_blank" rel="noopener">docker-compose 部署项目</a> </p>
<p>等一些总结。最后我的两个网站，都是通过<code>docker</code>来部署的。<a href="http://www.xieyezi.com/#/recommend" target="_blank" rel="noopener">时刻音乐</a>、<a href="http://www.xieyezi.com:9000/#/" target="_blank" rel="noopener">快速生成简历</a> ，也算是学以致用。<br>除了了解了一些<code>docker</code>的基本技巧，我对<code>koa</code>也起了一点点兴趣。想着自己还是想往前端方向发展，所以学习了<code>Koa</code>。建议小伙伴都可以去学学，偶尔写写后端完全没有问题。不得不说，javascript真的可以为所欲为！</p>
<h3 id="回到重庆"><a href="#回到重庆" class="headerlink" title="回到重庆"></a>回到重庆</h3><p>因为自己家庭的一些原因，最终选择回到了重庆，在成都呆了三个月之后，我就裸辞了。作为一个刚刚毕业的程序猿，居然裸辞，很多朋友对此感到疑惑和担忧，但是只有我自己才知道自己想要什么。所以我还是笃定我自己，按照自己内心的想法来，坚信自己的决定，走下去。很有幸，我又遇到了一家不错的公司，即使在重庆互联网大环境不是特别好的情况下。这次呢，这家公司主要的技术栈是<code>React</code> 、<code>RN</code>、<code>Typescript</code>。对于我来说又是一个巨大的挑战，因为又有好多新的东西要学习了！同时我也是很开心的，我喜欢前端，我喜欢去钻研。刚进公司的时候，我很担心自己跟不上，但是组里前辈们都很可爱且友好，让我循序渐进的学习，每天都在进步，一个月之后，渐渐地开始熟悉<code>react</code>了。其实说真的，当你对vue很熟悉之后，其实你真的可以很快上手React。这里我推荐几篇文章：</p>
<ul>
<li><a href="https://juejin.im/post/5dc2dda76fb9a04a8953f7ec" target="_blank" rel="noopener">React基础知识以及一些踩坑的点</a></li>
<li><a href="https://juejin.im/post/5e056b35f265da339f7d0699" target="_blank" rel="noopener">带你再看Vue文档，你就顺便学会了React</a> （写得很好！）</li>
</ul>
<p>再结合一下官网，你就可以入门了。<br>到这个时候你就会发现，其实这些前端框架都是万剑归宗，其实他们的核心思想都是一样的，要我说 <code>Vue</code> 和 <code>React</code> 最大的区别，就好比说，<code>Vue</code> 是自动挡, <code>React</code> 是手动挡。<code>Vue</code>很多东西他都给你弄好了，<code>v-model</code>、<code>v-bind</code>等等，这些在 <code>React</code> 里面，你都得自己去封装，所以他可定制性也更高，它更加自由。要说喜好，我觉得全然凭个人吧。有的人就是喜欢 <code>Vue template</code>,但有的人又更喜欢<code>React jsx</code>多一点。<br>再说到状态管理，其实那些状态管理框架要解决的，都是一个问题，那就是解决状态共享的问题。看看这几篇文章吧：</p>
</li>
<li><a href="https://juejin.im/post/5ce0ae0c5188252f5e019c2c" target="_blank" rel="noopener">一篇文章总结redux、react-redux、redux-saga</a> </li>
<li><p><a href="https://juejin.im/post/5c18de8ef265da616413f332" target="_blank" rel="noopener">Vuex、Flux、Redux、Redux-saga、Dva、MobX 的区别和联系</a> （重点推荐）</p>
<p>真的很感谢掘金的这些大佬，分享这么多干货！</p>
</li>
</ul>
<h3 id="琐碎的进步"><a href="#琐碎的进步" class="headerlink" title="琐碎的进步"></a>琐碎的进步</h3><p> 除了这些，还有一些琐碎的进步。之前自己写代码，没有规则，就是按照自己的喜欢和想法来写代码。即使是在成都的公司，组里面写代码都是各自的风格，我跟领导提出建立一下代码的规范和提交的流程，但是人微言轻，收效甚微。后来随着自己的摸索，探索了一些关于代码规范的知识，最终得到：</p>
<ul>
<li><p><a href="https://juejin.im/post/5decb1a5f265da33ee177795" target="_blank" rel="noopener">代码规范</a></p>
<p>我将他在现在的公司推行，最终用在了组里的代码规范和提交规范上面。小伙伴们可能也有跟我一样，不用各种<code>lint</code>，觉得那些简直就是束缚，看见代码飘红就要骂街，但是相信大家也会出现这种情况。你去接手一个别人的项目，然后他写的代码都是按照他的想法和风格来写的，那你接手起来岂不是更难受。相信我吧，使用一下这些代码规则，会强迫自己进步，看着自己写的代码越来越规范化，简直赏心悦目啊。</p>
</li>
</ul>
<h3 id="新的自己"><a href="#新的自己" class="headerlink" title="新的自己"></a>新的自己</h3><p> 我的2019，也是经历了很多事情。环境的改变，从学校到职场、身份的改变，从学生到程序猿。陆陆续续工作也换了好几份，总得来说太过于浮躁，而且学东西缺乏系统性和计划性，有一种东学学、西学学的感觉。所以我希望20年呢我自己要学会制定学习计划、循序渐进的学习，重点就深度拓展，不要广度拓展了。说起这个我想起前两天看的一篇大佬的年度总结文章：<a href="https://juejin.im/post/5dfb9d6cf265da339856335b" target="_blank" rel="noopener">2019学习学到失恋但是还要继续|2019 与我的技术之路</a>。看着这位大佬的经历，近乎疯狂的学习，我真的觉得不是很好，你可能会收获很多技术知识，但是你同样丢掉了很多，生活也是一门技术，也需要好好学习，所以我希望20年我能同时学习一下技术之外的东西，例如学学做菜、有时间多陪陪家人等等。</p>
<p> 另外，也有欢喜也有忧愁。2019年，我收获了一个女朋友，哈哈，是的。我跟她的相遇和相识是一段很特别、很浪漫的故事。大学时候，喜欢搞点音乐，所以就有了<a href="https://music.163.com/#/artist?id=12478216" target="_blank" rel="noopener">网易云音乐人-写夜子</a> 。但是2019年因为个人变动太多，也无暇顾及。20年我希望在空闲之余，抽出一部分发展自己的爱好-音乐。其实培养一个爱好真的是特别好的一件事情，而且是一件长期的事情，一个爱好，可以缓解自己的不好的情绪，丰富自己的生活，另外也提高自己的自信，因为也可以用来表现。衷心建议大家在搬砖之余，培养一个自己的爱好。</p>
<p> 2019对我来说，也是悲伤的一年，我的奶奶，因为心脏病，不幸病故。她是我最爱的人，从小她陪着我长大。真的，只有在自己经历过亲人离自己而去之后，你才会对生老病死有一些概念。自从她离去之后，我下半年总是会时常想起她、梦见她，我那个时候脾气变得很怪，我好似变了一个人。我不禁懊悔，因为我答应过她，我毕业之后会回家看她，可是我没有，我去了上海参加<code>vue conf</code>，没能见到她最后一面，也许我会懊悔一辈子吧。幸好有家人还有我女朋友的陪伴，我开始逐渐走出来了。还是那句话说的好，<code>逝者如斯，生者已矣</code>。所以我希望在新的一年里，照顾好自己的身体、热爱生活、快乐的成长吧。 </p>
<p>总的来说，我的2019就一个关键词：<code>成长</code>，无论是技术，还是经历。</p>
  	
					
	  </div>     
	  

	
<div class="post-meta">
      	

      
        <i class="iconfont icon-tag"></i>     
          <a class="tag-link" href="/tags/总结/">总结</a> <a class="tag-link" href="/tags/感悟/">感悟</a>    
      	
</div>





<div class="post-footer">
  <div class="pf-left">
      <img class="pf-avatar" src="http://wx2.sinaimg.cn/mw690/89296167gy1fu5ph67x17j21kw1kwhdu.jpg">
      <p class="pf-des">hi,我是写夜子,希望你有愉快的一天.</p>
  </div>

  <div class="pf-right">           
      <div class="pf-links">
        




<span class="donate-btn">
	<span class="iconfont icon-donate"></span>
</span>


<div id="donate-box" class="sildeUpMin">

	<span class="donate-cancel iconfont icon-cancel"></span>

	<div class="donate-img-box">
		<img id="donate-qr-wechat" class="noLazyLoad donate-img" src="/images/donate1.png" alt="No Donate Image!">	
		<img id="donate-qr-alipay" class="noLazyLoad donate-img" src="/images/donate2.png" alt="No Donate Image!">	
	</div>

	<span class="donate-word">世界美好 你也是</span>

	<div class="donate-list">
		<span class="iconfont icon-donate-wechat"></span>
		<span class="iconfont icon-donate-alipay"></span>
	</div>

</div>

 
        
	
<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey=21d601593a1de"></script>
	
	<span class="share-btn">
	<span class="iconfont icon-share"></span>
	</span>


	<div class="-mob-share sildeUpMin">
		   			             
            <a class="iconfont  icon-share-qq -mob-share-qq"></a>		
     	   			             
            <a class="iconfont  icon-share-weixin -mob-share-weixin"></a>		
     	   			             
            <a class="iconfont  icon-share-weibo -mob-share-weibo"></a>		
     	   			             
            <a class="iconfont  icon-share-douban -mob-share-douban"></a>		
     	   			             
            <a class="iconfont  icon-share-facebook -mob-share-facebook"></a>		
     	   			             
            <a class="iconfont  icon-share-twitter -mob-share-twitter"></a>		
     	   			             
            <a class="iconfont  icon-share-google -mob-share-google"></a>		
     	   
	</div>	

      </div>  
    <nav class="pf-paginator">
      
         
          <a href="/2020/02/07/如何在GitHub精确搜索学习项目/" data-hover="如何在Gihub上面精准搜索开源项目？">上一篇</a>      
            
        
      
        
        <a href="/2019/12/03/commitizen、cz-customizable、eslint、prettier、husky、commitlint搭建前端git提交规范/" data-hover="commitizen、cz-customizable、eslint、prettier、husky、commitli..."> 下一篇</a>
            
  </nav>   
  </div>
</div> 
	
	
</article>

          </section> 
      </div>            
    
    <a id="backTop">
      <span>
        <i class="iconfont icon-backtotop"></i>
      </span>
    </a> 

  
    
    <div class="search-container sildeUpMin">
        <div class="search-header">
            <input type="text" placeholder="输入你想搜索的" id="search-input" class="search-input">  
            <span class="search-cancel iconfont icon-cancel"></span>
        </div>
        <div id="search-result" class="search-result"></div>
    </div>
 
     <div class="mobile-menu">      

      
      <img class="mobile-menu-icon lazyload" src="/images/placeholder.png" data-src="/images/favicon.png">   
      

         
            

            <a class="mobile-menu-link" href="/">首页
            </a>
            
         
            

            <a class="mobile-menu-link" href="/archives">归档
            </a>
            
         
            

            <a class="mobile-menu-link" href="/tags">标签
            </a>
            
         
            

            <a class="mobile-menu-link" href="/about">关于
            </a>
            
         
                          

            <a class="mobile-menu-link mobile-menu-search" href="#">搜索 </a>                 
            
         
      
</div>        
    


<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?636802045446222199ae541e32c8133e"; 
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>





     
    




<footer id="footer">


		<div class="footer-copyright">
		&copy;
		
		2018-
		
		2020

		Xieyezi
		<br>

		Copyright
		<a href="https://github.com/xieyezi" target="_blank">Xieyezi</a>
		</div>

</footer>
   

  

    <script src="/nayo.bundle.js"></script>           
  </body>        
</html>